<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！</title>
    <meta
      name="description"
      content="京东JD.COM-专业的综合网上购物商城，为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家，囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类，满足各种购物需求。"
    />
    <meta
      name="Keywords"
      content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜,京东"
    />
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <!-- 针对css初始化 -->
    <link rel="stylesheet" href="css/normalize.css" />
    <!-- 基本base css样式,里面写公共的样式，针对京东网页的头部和底部样式 -->
    <link rel="stylesheet" href="css/base.css" />
    <!-- 京东首页html  css样式 ，只写首页的 独有的-->
    <link rel="stylesheet" href="css/index.css" />
  </head>

  <body>
    <div class="J_event">
      <a href="#" class="w"> <i>  </i> </a>
    </div>
    <!-- 快捷导航模块制作开始 -->
    <div class="shortcut">
      <div class="w">
        <ul class="fl">
          <li><i class="pos"></i> 北京</li>
        </ul>
        <ul class="fr">
          <li>
            <a href="#">你好，请登录 </a>&nbsp;&nbsp;&nbsp;
            <a href="#" class="style-red">免费注册</a>
          </li>
          <li class="spacer"></li>
          <li><a href="#">我的订单</a></li>
          <li class="spacer"></li>
          <li class="dropdown"><a href="#">我的京东</a> <i></i></li>
          <li class="spacer"></li>
          <li><a href="#">京东会员</a></li>
          <li class="spacer"></li>
          <li class="dropdown"><a href="#">企业采购</a> <i></i></li>
          <li class="spacer"></li>
          <li class="dropdown"><a href="#">客户服务</a> <i></i></li>
          <li class="spacer"></li>
          <li class="dropdown"><a href="#">网站导航</a> <i></i></li>
          <li class="spacer"></li>
          <li style="position:relative">
            <a href="#">手机京东</a>
            <div class="erweima"><img src="images/erweima.png" alt="" /></div>
          </li>
        </ul>
      </div>
    </div>
    <!-- 快捷导航模块制作结束 -->
    <!-- Hearder部分开始了 -->
    <div class="header">
      <div class="w inner">
        <!-- logo部分 -->
        <div class="logo">
          <h1><a href="#" title="京东网">京东</a></h1>
        </div>
        <!-- 搜索部分 -->
        <div class="search">
          <input type="text" value="单反相机" /> <button><i></i></button>
          <em></em>
        </div>
        <!-- 热词部分 -->
        <div class="hotwords">
          <a href="#">美妆圣诞季</a> <a href="#">养殖囤货</a>
          <a href="#">建材钜惠</a> <a href="#">300-100100</a>
          <a href="#">京券新年礼物</a> <a href="#">5折好货</a>
          <a href="#"> 圣诞糖巧</a> <a href="#">电动车</a>
        </div>
        <!-- 购物车 -->
        <div class="mycar"><i></i> <a href="#">我的购物车</a> <s>0</s></div>
        <!-- 电脑 -->
        <div class="computer">
          <a href="#"> <img src="images/computer.jpg" alt="" /> </a>
        </div>
        <!-- 导航栏信息 -->
        <div class="navitems">
          <ul>
            <li><a href="#">秒杀</a></li>
            <li><a href="#">优惠券</a></li>
            <li><a href="#">PLUS会员</a></li>
            <li><a href="#">闪购</a></li>
          </ul>
          <div class="spacer"></div>
          <ul>
            <li><a href="#">拍卖</a></li>
            <li><a href="#">京东时尚</a></li>
            <li><a href="#">京东超市</a></li>
            <li><a href="#">京东生鲜</a></li>
          </ul>
          <div class="spacer"></div>
          <ul>
            <li><a href="#">京东金融</a></li>
          </ul>
        </div>
      </div>
    </div>

    <!-- Hearder部分结束了 -->

    <!-- main部分开始 -->
    <div class="jd">
      <div class="jd_inner w">
        <div class="jd_col1">
          <ul>
            <li><a href="#">家用电器</a></li>
            <li>
              <a href="#">手机</a><span>/</span> <a href="#">数码</a
              ><span>/</span> <a href="#">运营商</a>
            </li>
            <li>
              <a href="#">手机</a><span>/</span> <a href="#">数码</a
              ><span>/</span> <a href="#">运营商</a>
            </li>
            <li>
              <a href="#">手机</a><span>/</span> <a href="#">数码</a
              ><span>/</span> <a href="#">运营商</a>
            </li>
            <li>
              <a href="#">手机</a><span>/</span> <a href="#">数码</a
              ><span>/</span> <a href="#">运营商</a>
            </li>
            <li>
              <a href="#">手机</a><span>/</span> <a href="#">数码</a
              ><span>/</span> <a href="#">运营商</a>
            </li>
            <li>
              <a href="#">手机</a><span>/</span> <a href="#">数码</a
              ><span>/</span> <a href="#">运营商</a>
            </li>
            <li>
              <a href="#">手机</a><span>/</span> <a href="#">数码</a
              ><span>/</span> <a href="#">运营商</a>
            </li>
            <li>
              <a href="#">手机</a><span>/</span> <a href="#">数码</a
              ><span>/</span> <a href="#">运营商</a>
            </li>
            <li>
              <a href="#">手机</a><span>/</span> <a href="#">数码</a
              ><span>/</span> <a href="#">运营商</a>
            </li>
            <li>
              <a href="#">手机</a><span>/</span> <a href="#">数码</a
              ><span>/</span> <a href="#">运营商</a>
            </li>
            <li>
              <a href="#">手机</a><span>/</span> <a href="#">数码</a
              ><span>/</span> <a href="#">运营商</a>
            </li>
            <li>
              <a href="#">手机</a><span>/</span> <a href="#">数码</a
              ><span>/</span> <a href="#">运营商</a>
            </li>
            <li><a href="#">家用</a></li>
          </ul>
        </div>
        <div class="jd_col2">
          <div class="jd_col2_hd">
            <a href="#" class="arr_l"></a> <a href="#" class="arr_r"></a>
            <ol class="hd-ol">
              <li class="current"></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
            </ol>
            <ul>
              <li>
                <a href="#"><img src="images/banner.jpg" alt=""/></a>
              </li>
            </ul>
          </div>
          <div class="jd_col2_bd">
            <div class="firstpic"><img src="images/pic1.jpg" alt="" /></div>
            <div><img src="images/pic2.jpg" alt="" /></div>
          </div>
        </div>
        <div class="jd_col3">
          <div class="user">
            <div class="user_info">
              Hi~欢迎来到京东！<br />
              <a href="#">登录</a> <a href="#">注册</a>
              <a href="#" class="info_img">
                <img src="./images/no_login.jpg" alt="" />
              </a>
            </div>
            <div class="user_profit">
              <a href="#">新人福利</a> <a href="#">plus会员</a>
            </div>
          </div>
          <div class="news">
            <div class="tab_hd">
              <a href="javascript:;" class="cuxiao">促销</a>
              <a href="javascript:;">公告</a> <a href="#" class="more1">更多</a>
              <div class="line"></div>
            </div>
            <div class="tab_bd">
              <ul>
                <li><a href="#">诺基亚X6企业直降300</a></li>
                <li><a href="#">诺基亚X6企业直降300</a></li>
                <li><a href="#">诺基亚X6企业直降300</a></li>
                <li><a href="#">诺基亚X6企业直降300</a></li>
              </ul>
              <!-- <ul>
              <li><a href="#">诺基亚X6企业直降300</a></li>
              <li><a href="#">诺基亚X6企业直降300</a></li>
              <li><a href="#">诺基亚X6企业直降300</a></li>
              <li><a href="#">诺基亚X6企业直降300</a></li>
            </ul> -->
            </div>
          </div>
          <div class="jd_service">
            <ul>
              <li>
                <a href="#">
                  <i></i>
                  <p>机票</p>
                </a>
              </li>
              <li>
                <a href="#">
                  <i></i>
                  <p>机票</p>
                </a>
              </li>
              <li>
                <a href="#">
                  <i></i>
                  <p>机票</p>
                </a>
              </li>
              <li>
                <a href="#">
                  <i></i>
                  <p>机票</p>
                </a>
              </li>
              <li>
                <a href="#">
                  <i></i>
                  <p>机票</p>
                </a>
              </li>
              <li>
                <a href="#">
                  <i></i>
                  <p>机票</p>
                </a>
              </li>
              <li>
                <a href="#">
                  <i></i>
                  <p>机票</p>
                </a>
              </li>
              <li>
                <a href="#">
                  <i></i>
                  <p>机票</p>
                </a>
              </li>
              <li>
                <a href="#">
                  <i></i>
                  <p>机票</p>
                </a>
              </li>
              <li>
                <a href="#">
                  <i></i>
                  <p>机票</p>
                </a>
              </li>
              <li>
                <a href="#">
                  <i></i>
                  <p>机票</p>
                </a>
              </li>
              <li>
                <a href="#">
                  <i></i>
                  <p>机票</p>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <!-- 广告 -->
      <div class="ad"><a href=""></a></div>
    </div>
    <!-- main部分结束了 -->

    <!-- 底部开始了 -->
    <div class="footer">
      <div class="footer-service ">
        <!-- 多快好省 -->
        <div class="w footer_service_inner">
          <ul>
            <li>
              <div class="service_unit">
                <h5>多</h5>
                <p>品类齐全，轻松购物</p>
              </div>
            </li>
            <li>
              <div class="service_unit">
                <h5 class="kuai">快</h5>
                <p>品类齐全，轻松购物</p>
              </div>
            </li>
            <li>
              <div class="service_unit">
                <h5 class="hao">好</h5>
                <p>品类齐全，轻松购物</p>
              </div>
            </li>
            <li>
              <div class="service_unit">
                <h5 class="sheng">省</h5>
                <p>品类齐全，轻松购物</p>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <!-- help选项列 -->
      <div class="w help">
        <dl>
          <dt>购物指南</dt>
          <dd><a href="#">购物流程</a></dd>
          <dd><a href="#">会员介绍</a></dd>
          <dd><a href="#">生活旅行</a></dd>
          <dd><a href="#">常见问题</a></dd>
          <dd><a href="#">大家电</a></dd>
          <dd><a href="#">联系客服</a></dd>
        </dl>
        <dl>
          <dt>购物指南</dt>
          <dd><a href="#">购物流程</a></dd>
          <dd><a href="#">会员介绍</a></dd>
          <dd><a href="#">生活旅行</a></dd>
          <dd><a href="#">常见问题</a></dd>
          <dd><a href="#">大家电</a></dd>
          <dd><a href="#">联系客服</a></dd>
        </dl>
        <dl>
          <dt>购物指南</dt>
          <dd><a href="#">购物流程</a></dd>
          <dd><a href="#">会员介绍</a></dd>
          <dd><a href="#">生活旅行</a></dd>
          <dd><a href="#">常见问题</a></dd>
          <dd><a href="#">大家电</a></dd>
          <dd><a href="#">联系客服</a></dd>
        </dl>
        <dl>
          <dt>购物指南</dt>
          <dd><a href="#">购物流程</a></dd>
          <dd><a href="#">会员介绍</a></dd>
          <dd><a href="#">生活旅行</a></dd>
          <dd><a href="#">常见问题</a></dd>
          <dd><a href="#">大家电</a></dd>
          <dd><a href="#">联系客服</a></dd>
        </dl>
        <dl>
          <dt>购物指南</dt>
          <dd><a href="#">购物流程</a></dd>
          <dd><a href="#">会员介绍</a></dd>
          <dd><a href="#">生活旅行</a></dd>
          <dd><a href="#">常见问题</a></dd>
          <dd><a href="#">大家电</a></dd>
          <dd><a href="#">联系客服</a></dd>
        </dl>
        <dl class="cover">
          <dt>购物指南</dt>
          <dd class="infor">
            京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。
          </dd>
          <dd class="more"><a href="#">查看详情</a></dd>
        </dl>
      </div>
      <!-- 版权模块 -->
      <div class="copyright w">
        <div class="links">
          <a href="#">关于我们</a> <span>|</span> <a href="#">关于我们</a>
          <span>|</span> <a href="#">关于我们</a> <span>|</span>
          <a href="#">关于我们</a> <span>|</span> <a href="#">关于我们</a>
          <span>|</span> <a href="#">关于我们</a> <span>|</span>
          <a href="#">关于我们</a> <span>|</span> <a href="#">关于我们</a>
          <span>|</span> <a href="#">关于我们</a> <span>|</span>
          <a href="#">关于我们</a> <span>|</span> <a href="#">关于我们</a>
          <span>|</span> <a href="#">关于我们</a> <span>|</span>
          <a href="#">English Site</a> <span>|</span> <a href="#">Media & IR</a>
        </div>
        <div class="c_info">
          <p>
            京公网安备
            11000002000088号|京ICP证070359号|互联网药品信息服务资格证编号(京)-经营性-2014-0008|新出发京零
            字第大120007号
          </p>
          <p>
            互联网出版许可证编号新出网证(京)字150号|出版物经营许可证|网络文化经营许可证京网文[2014]2148-348号|违法和不良信息举报电话：4006561155
          </p>
          <p>
            Copyright © 2004 - 2018 京东JD.com
            版权所有|消费者维权热线：4006067733经营证照|(京)网械平台备字(2018)第00003号|营业执照
          </p>
          <p>京东旗下网站：京东钱包|京东云</p>
        </div>
      </div>
      <div class="tupian">
        <a href="#"></a> <a href="#" class="kexin"></a>
        <a href="#" class="kefa"></a> <a href="#"></a> <a href="#"></a>
      </div>
    </div>
  </body>
</html>
